<template>
    <div style="font-size:14px;margin-top: -50px;margin-bottom:50px;">
        <!-- 顶部图片 -->
        <van-image height="139px" :src="require('../assets/brandstory.img/story_banner.png')"/> 
        <!-- 品牌介绍 -->
        <van-row class="introduce" type="flex">
            <van-col span="8">品牌介绍</van-col>
        </van-row>
        <!-- 面包屑导航 -->
        <van-row type="flex" style="margin-bottom:40px;">
            <van-col span="13">当前位置 : <router-link to="/" style="color:#2C3E50;">夏达粥店</router-link> ></van-col><span style="color:#f36e23;margin-left:-30px;">品牌故事</span>
        </van-row>
        <!-- 品牌故事 -->
        <van-row type="flex" justify="center">
            <van-col span="20" class="story">品牌故事</van-col>            
        </van-row>
        <!-- 分割线 -->
        <van-divider :style="{ color: '#1989fa', borderColor: '#f36e23', padding: '0 16px' }"></van-divider>
        <!-- 文本内容区 -->
        <van-row type="flex">
            <van-col class="span" span="10">我们是什么？</van-col>
        </van-row>
        <van-row type="flex" class="content-box">
            <van-col class="content">夏达粥店自2012年成立以来，在短短的几年里，通过不断自我提升与创新，已成为上海快餐领域的“新旗帜”，作为上海餐饮界的后起之秀，夏达坚持“顾客第一，服务第一，品质第一”的经营理念，形成了属于夏达的餐饮新模式。</van-col>
        </van-row>
        <!-- 分割线 -->
        <van-divider :style="{ color: '#1989fa', borderColor: '#f36e23', padding: '0 16px' }"></van-divider>
        <van-row type="flex">
            <van-col class="span" span="10">我们做什么？</van-col>
        </van-row>
        <van-row type="flex" class="content-box">
            <van-col class="content">创始人邓公断先生和他的团队在立足传统快餐的基础上，勇于突破，大胆创新，贴近市场与当地口味相结合，融入互联网现代餐饮理念，提倡更快速，更健康的饮食。目前，夏达已在上海、杭州、合肥、南京等最具有商业价值商业圈，五角场、环球购物广场、星空广场、明基广场、日月光购物中心等开设53家门店，在上海经营积淀下不断向长三角城市及全国其他城市渗透。</van-col>
        </van-row>
        <!-- 分割线 -->
        <van-divider :style="{ color: '#1989fa', borderColor: '#f36e23', padding: '0 16px' }"></van-divider>
        <van-row type="flex">
            <van-col class="span" span="10">我们怎么做？</van-col>
        </van-row>
        <van-row type="flex" class="content-box">
            <van-col class="content">夏达已逐步成为上海快餐行业消费的风向标，只要有夏达的地方，我们就会立志给我们的客户带来更便捷更健康的餐饮，夏达在不断的努力，期待和更多的朋友一起前行。</van-col>
        </van-row>
    </div>  
</template>

<style scoped>
    .introduce{
        margin-top: 15px;
        color: #f36e23;
        margin-bottom: 20px;
    }
    .story{
        font-size: 33px;
        color: #818181;
        margin-bottom: 10px;
    }
    .content-box{
        padding:0 10px;
        margin-top:10px;
        margin-bottom: 1.5em;
    }
    .content{
        text-indent:1.5em;
        line-height:33px;
        letter-spacing:1px;
    }
    .span{
        font-weight: 600;
        color: #f36e23;
        letter-spacing: 0;
        text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777;  
    }
</style>
